<!doctype html>
<html class="no-js" lang="zh-cn">

<head>
  <meta charset="utf-8">
  <title>某企业官网</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="manifest" href="site.webmanifest">
  <link rel="shortcut icon" href="https://www.fennubird.cn/wp-content/uploads/2019/11/360_360logo.png"
    type="image/x-icon" />
  <link rel="apple-touch-icon" href="icon.png">
  <!-- Place favicon.ico in the root directory -->
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/main.css">

  <meta name="theme-color" content="#fafafa">
</head>

<body>
  <header class="sticky-top shadow-sm">
    <nav class="align-items-center navbar navbar-expand-lg container-lg p-0">
      <a class="navbar-brand order-2 order-lg-0 mx-sm-0 mx-auto" href="./index.html"><img class="img-fluid" src="img/logo.svg" alt="Logo"></a>

      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <svg class="bi bi-list" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" clip-rule="evenodd"/>
        </svg>
        <svg class="bi bi-x" style="display: none;" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" d="M11.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708-.708l7-7a.5.5 0 0 1 .708 0z" clip-rule="evenodd"/>
          <path fill-rule="evenodd" d="M4.146 4.146a.5.5 0 0 0 0 .708l7 7a.5.5 0 0 0 .708-.708l-7-7a.5.5 0 0 0-.708 0z" clip-rule="evenodd"/>
        </svg>
      </button>
      <div class="collapse order-1 order-lg-0 navbar-collapse justify-content-center" id="mainNavbar">
        <ul class="nav navbar-nav">
          <li class="nav-item">
            <a class="nav-link active has_child" href="javascript:void(0)">所有产品</a>
            <span class="icon">
              <svg class="bi bi-chevron-down" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" clip-rule="evenodd"/></svg>
            </span>
            <div class="child-content">
              <ul class="child">
                <li class="child-list">
                  <ul class="child-item">
                    <li class="title h5">个人用户</li>
                    <li><a href="" target="_blank" rel="noopener">Office 2019 PC版</a></li>
                    <li><a href="" target="_blank" rel="noopener">Office Mac版</a></li>
                    <li><a href="" class="new" target="_blank" rel="noopener">Office 校园版</a></li>
                    <li><a href="" target="_blank" rel="noopener">Office 2019 For Linux</a></li>
                    <li><a href="" target="_blank" rel="noopener">银山PDf</a></li>
                    <li><a href="" class="new" target="_blank" rel="noopener">银山文档</a></li>
                  </ul>
                  <ul class="child-item">
                    <li><a href="#" class="new" target="_blank" rel="noopener">打字处理</a></li>
                    <li><a href="#" target="_blank" rel="noopener">口袋动画</a></li>
                    <li><a href="#" class="new" target="_blank" rel="noopener">PXW格式转换</a></li>
                    <li><a href="#" target="_blank" rel="noopener">Office Android版</a></li>
                    <li><a href="#" target="_blank" rel="noopener">Office iOS版</a></li>
                    <li><a href="#" class="new" target="_blank" rel="noopener">秀堂</a></li>
                    <li><a href="#" target="_blank" rel="noopener">写得</a></li>
                  </ul>
                  <ul class="child-item">
                    <li><a href="#" target="_blank" rel="noopener">PXW日历</a></li>
                    <li><a href="#" class="new" target="_blank" rel="noopener">PXW图片</a></li>
                    <li><a href="#" target="_blank" rel="noopener">PXW学院</a></li>
                  </ul>
                  <ul class="child-item">
                    <li class="title h5">企业用户</li>
                    <li><a href="#" target="_blank" rel="noopener">PXW Office 2019专业版</a></li>
                    <li><a href="#" target="_blank" rel="noopener">PXW Office 移动专业版</a></li>
                    <li><a href="#" target="_blank" rel="noopener">PXW+云办公</a></li>
                    <li><a href="#" target="_blank" rel="noopener">银山PDF 专业版</a></li>
                    <li><a href="#" target="_blank" rel="noopener">词霸 专业版</a></li>
                  </ul>
                  <ul class="child-item">
                    <li class="title h5">会员服务</li>
                    <li><a href="#" target="_blank" rel="noopener">水稻模板</a></li>
                    <li><a href="#" target="_blank" rel="noopener">PXW精品课</a></li>
                    <li><a href="#" target="_blank" rel="noopener">会员中心</a></li>
                  </ul>
                  <ul class="child-item">
                    <li class="title h5">第三方服务商</li>
                    <li><a class="new" href="#" target="_blank" rel="noopener">PXW开放平台</a></li>
                  </ul>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./enterprise.html">政企服务</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./business.html">中小企业</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./vip.html">会员服务</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./about.html">关于我们</a>
          </li>
        </ul>
      </div>
      <div class="login d-flex align-items-center order-3 order-lg-0">
        <a href="#" class="text-muted mr-4 d-none d-lg-block"><span class="mr-2"><svg class="bi bi-bootstrap-fill" width="1em" height="1em"
              viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd"
                d="M4.002 0a4 4 0 00-4 4v8a4 4 0 004 4h8a4 4 0 004-4V4a4 4 0 00-4-4h-8zm1.06 12h3.475c1.804 0 2.888-.908 2.888-2.396 0-1.102-.761-1.916-1.904-2.034v-.1c.832-.14 1.482-.93 1.482-1.816 0-1.3-.955-2.11-2.542-2.11H5.062V12zm1.313-4.875V4.658h1.78c.973 0 1.542.457 1.542 1.237 0 .802-.604 1.23-1.764 1.23H6.375zm0 3.762h1.898c1.184 0 1.81-.48 1.81-1.377 0-.885-.65-1.348-1.886-1.348H6.375v2.725z"
                clip-rule="evenodd" />
            </svg></span> 客服中心</a>
        <button class="btn btn-outline-primary login-btn" data-toggle="modal" data-target="#loginModal">登录</button>
      </div>
    </nav>
  </header>

  <main>
    <div class="hero">
      <div class="hero-video">
        <video autoplay="" poster="//qn.cache.wpscdn.cn/encs/official/images/home/hero_bg_origin.35389676.jpg"
          src="//qn.cache.wpscdn.cn/encs/official/images/home/hero_video.fd5da102.mp4"></video>
      </div>
      <div class="hero-content">
        <image class="hero-img" src="img/hero_logo.svg"></image>
        <div class="hero-intro">
          <h1>企业文档</h1>
          <p>多人实时协作的在线Office工具</p>
        </div>
        <div class="hero-actions">
          <a href="" class="btn btn-outline-primary">个人使用</a>
          <a href="" class="btn btn-outline-primary">企业访问</a>
        </div>
      </div>
    </div>
    <div class="hot-download">
      <h1 class="title">热门下载</h1>
      <p class="text-muted">Download</p>
     <div class="container">
      <div class="row pt-4 row-cols-2 row-cols-md-4 flex-md-nowrap">
        <section class="item col">
          <h3>
            <a href="">PXW Office 2019 PC版</a>
          </h3>
          <div class="desc">
            <p>简单 创造不简单<br>个性化的办公软件<br>全面支持PDF</p>
          </div>
          <a href="" class="btn btn-primary">立即下载</a>
          <a href="" class="banner" target="_blank">
            <img src="img/hot1.jpg" alt="" class="img-fluid">
          </a>
        </section>
        <section class="item col">
          <h3>
            <a href="">PXW Office Mac版</a>
          </h3>
          <div class="desc">
            <p>文档在Mac上顺滑呈现<br>常用文件格式完美兼容<br>深色模式、左右分屏、Handoff</p>
          </div>
          <a href="" class="btn btn-primary">立即下载</a>
          <a href="" class="banner" target="_blank">
            <img src="img/hot2.jpg" alt="" class="img-fluid">
          </a>
        </section>
        <section class="item col">
          <h3>
            <a href="">PXW Office 校园版</a>
          </h3>
          <div class="desc">
            <p>年轻 个性 创造<br>免费更全面 纯净更深入<br>协作办公 智慧校园</p>
          </div>
          <a href="" class="btn btn-primary">立即下载</a>
          <a href="" class="banner" target="_blank">
            <img src="img/hot3.jpg" alt="" class="img-fluid">
          </a>
        </section>
        <section class="item col">
          <h3>
            <a href="">银山PDF</a>
          </h3>
          <div class="desc">
            <p>轻巧简洁，非凡的阅读效果<br>高效转换，精准的格式互转<br>自由编辑，便捷的操作体验</p>
          </div>
          <a href="" class="btn btn-primary">立即下载</a>
          <a href="" class="banner" target="_blank">
            <img src="img/hot4.jpg" alt="" class="img-fluid">
          </a>
        </section>
      </div>
     </div>
    </div>
    <div class="news">
      <div class="item">
        <div class="box">
          <a href=""><img src="img/news1.svg" alt="" class="item-logo img-fluid"></a>
          <h3 class="item-title">PXW图片</h3>
          <p>快速看图，轻巧好用</p>
          <a href="" class="btn btn-primary">立即体验</a>
        </div>
      </div>
      <div class="item">
        <div class="box">
          <a href=""><img src="img/news2.svg" alt="" class="item-logo img-fluid"></a>
          <h3 class="item-title">词霸</h3>
          <p>您身边的翻译专家</p>
          <a href="" class="btn btn-primary">立即体验</a>
        </div>
      </div>
      <div class="item">
        <div class="box">
          <a href=""><img src="img/news3.svg" alt="" class="item-logo img-fluid"></a>
          <h3 class="item-title">PXW Office 2019 for Linux</h3>
          <p>原生，兼容，高效</p>
          <a href="" class="btn btn-primary">立即体验</a>
        </div>
      </div>
      <div class="item">
        <div class="box">
          <a href=""><img src="img/news4.svg" alt="" class="item-logo img-fluid"></a>
          <h3 class="item-title">PXW打字</h3>
          <p>零基础入门，轻松学打字</p>
          <a href="" class="btn btn-primary">立即体验</a>
        </div>
      </div>
    </div>
    <div class="bs-hide">
      <!-- Login Modal -->
      <div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="login">
          <div class="modal-content">
            <div class="modal-header shadow-sm">
              <h5 class="modal-title" id="loginModalLabel">账号登录</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body d-flex">
              <div class="login-wrapper" >
                <form action="#">
                  <div class="form-group">
                    <label class="sr-only" for="wechatbtn">wechat login</label>
                    <div class="input-group mb-2">
                      <div class="input-group-prepend">
                        <div class="input-group-text wechat-logo"></div>
                      </div>
                      <input type="text" class="form-control" readonly id="wechatbtn" placeholder="微信登录">
                    </div>
                  </div>
                  <div class=" form-group">
                      <label class="sr-only" for="mobile-login">QQ login</label>
                      <div class="input-group mb-2">
                        <div class="input-group-prepend">
                          <div class="input-group-text other-login"></div>
                        </div>
                        <input type="text" class="form-control" readonly id="mobile-login" placeholder="手机或者邮箱登录">
                    </div>
                  </div>
                </form>
                <div class="other-login d-flex justify-content-between">
                  <a href="" class="qq-login"><span class="qq-logo"></span>QQ</a>
                  <a href="" class="dd-login"><span class="dd-logo"></span>钉钉</a>
                  <span class="other-more ml-auto">更多<svg class="bi bi-chevron-right" width="1em" height="1em"
                      viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd"
                        d="M4.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L10.293 8 4.646 2.354a.5.5 0 010-.708z"
                        clip-rule="evenodd" />
                    </svg></span>
                </div>
                <div class="provicy mt-3">
                  <div class="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input" id="website-provicy">
                    <label class="custom-control-label website-provicy" for="website-provicy">已阅读并同意<a href="" class="active-link">隐私协议</a>和<a class="active-link" href="">在线服务系列协议</a></label>
                  </div>
                </div>
              </div>
              <div class="wechat-qrcode text-center" style="display: none;">
                <img src="img/wechat-qrcode.jpg" class="img-fluid mb-5" alt="">
                <p class="text-muted">请使用微信扫码</p>
              </div>
              <div class="more-login" style="display: none;">
                <form action="#">
                  <div class="form-group">
                    <label class="sr-only" for="mibtn">小米登录</label>
                    <div class="input-group mb-2">
                      <div class="input-group-prepend">
                        <div class="input-group-text mi-logo"></div>
                      </div>
                      <input type="text" class="form-control" readonly id="mibtn" placeholder="小米登录">
                    </div>
                  </div>
                  <div class=" form-group">
                      <label class="sr-only" for="weibo-login">微博登录</label>
                      <div class="input-group mb-2">
                        <div class="input-group-prepend">
                          <div class="input-group-text weibo-login"></div>
                        </div>
                        <input type="text" class="form-control" readonly id="weibo-login" placeholder="微博登录">
                    </div>
                  </div>
                  <div class=" form-group">
                    <label class="sr-only" for="school-login">校园邮</label>
                    <div class="input-group mb-2">
                      <div class="input-group-prepend">
                        <div class="input-group-text school-login"></div>
                      </div>
                      <input type="text" class="form-control" readonly id="school-login" placeholder="校园邮">
                      </div>
                  </div>
                  <div class=" form-group">
                    <label class="sr-only" for="edu-login">教育云账号</label>
                    <div class="input-group mb-2">
                      <div class="input-group-prepend">
                        <div class="input-group-text edu-login"></div>
                      </div>
                      <input type="text" class="form-control" readonly id="edu-login" placeholder="教育云账号">
                    </div>
                  </div>
                  <div class=" form-group">
                    <label class="sr-only" for="company-login">第三方企业登录</label>
                    <div class="input-group mb-2">
                      <div class="input-group-prepend">
                        <div class="input-group-text company-login"></div>
                      </div>
                      <input type="text" class="form-control" readonly id="company-login" placeholder="第三方企业登录">
                    </div>
                  </div>
                </form>
              </div>
              <div class="login-form" style="display: none;">
                <form action="#" id="login_form" novalidate="true">
                  <div class="form-group">
                    <input type="text" class="form-control" placeholder="手机或者邮箱" name="account" id="account" value="490237797@qq.com" aria-describedby="accountHelp" required>
                    <small id="accountHelp" class="form-text text-muted">账号任意</small>
                  </div>
                  <div class="form-group">
                    <div class="input-group">
                    <input type="password" name="password" class="form-control border-right-0" placeholder="密码" aria-describedby="loginPasswordHelpBlock">
                    <div class="input-group-append show-password">
                      <div class="input-group-text rounded border-left-0 bg-transparent"><svg class="bi bi-eye-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.5 8a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"/>
                        <path fill-rule="evenodd" d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 100-7 3.5 3.5 0 000 7z" clip-rule="evenodd"/>
                      </svg></div>
                    </div>
                  </div>
                    <small id="loginPasswordHelpBlock" class="form-text text-muted">密码: 123</small>
                  </div>

                  <div class="d-flex w-100 justify-content-between">
                    <div class="custom-control custom-checkbox">
                      <input type="checkbox" class="custom-control-input" id="rememberLogin">
                      <label class="custom-control-label" for="rememberLogin"><small>自动登录</small></label>
                    </div>
                    <div class="ml-auto invalid-feedback w-auto">请填写手机或者邮箱</div>
                  </div>
                  <button type="submit" class="btn btn-primary w-100 login-btn mt-3 mb-2">立即登录</button>
                  <div class="d-flex justify-content-between">
                    <a class="forget_password_btn">忘记密码</a>
                    <a class="active-link register_account_btn">注册新账号</a>
                  </div>
                </form>
              </div>
              <div class="forget-password" style="display: none;">
                <form action="#" novalidate="true" id="forget_password">
                  <div class="form-group">
                    <input type="text" name="account" class="form-control" placeholder="邮箱/手机号">
                  </div>
                  <div class="form-group">
                    <input type="text" class="form-control" value="这是一个机器人验证！">
                  </div>
                  <div class="form-text">
                    <small class="invalid-feedback">十个狠人</small>
                  </div>
                  <button class="btn btn-primary w-100 mt-3" type="submit">重置密码</button>
                </form>
              </div>
              <div class="register-account" style="display: none;">
                <form action="" novalidate="true" id="register_account">
                  <div class="form-group">
                    <input type="text" name="account" class="form-control" placeholder="手机号">
                  </div>
                  <div class="form-group">
                    <div class="input-group">
                      <input type="password" name="password" class="form-control border-right-0" placeholder="密码" aria-describedby="regPasswordHelpBlock">
                      <div class="input-group-append show-password">
                        <div class="input-group-text rounded border-left-0 bg-transparent"><svg class="bi bi-eye-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                          <path d="M10.5 8a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"/>
                          <path fill-rule="evenodd" d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 100-7 3.5 3.5 0 000 7z" clip-rule="evenodd"/>
                        </svg></div>
                      </div>
                    </div>
                    <small id="regPasswordHelpBlock" class="form-text text-muted">密码为8-16位大小写字母、数字或符号3种组合</small>
                  </div>

                  <button class="btn btn-primary w-100 register_btn mt-4" type="submit">立即注册</button>
                </form>
                <div class="provicy mt-3">
                  <div class="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input" id="website-reg-provicy">
                    <label class="custom-control-label website-provicy" for="website-reg-provicy">已阅读并同意<a class="active-link" href="">隐私协议</a>和<a href="" class="active-link">在线服务系列协议</a></label>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </main>
  <footer>
    <div class="mod-help">
      <div class="inner">
        <div class="help-list">
          <ul class="help-nav">
            <li class="title">企业服务</li>
            <li><a href="">在线购买</a></li>
            <li><a href="">政企采购</a></li>
            <li><a href="">商务合作</a></li>
          </ul>
          <ul class="help-nav">
            <li class="title">产品支持</li>
            <li><a href="">会员中心</a></li>
            <li><a href="">PXW开放平台</a></li>
            <li><a href="">办公技巧</a></li>
            <li><a href="">服务协议</a></li>
          </ul>
          <ul class="help-nav">
            <li class="title">关于我们</li>
            <li><a href="">新浪微博</a></li>
            <li><a href="">银山荣誉</a></li>
            <li><a href="">发展历程</a></li>
            <li><a href="">公司简介</a></li>
            <li><a href="">加入我们</a></li>
            <li><a href="">投资者关系</a></li>
          </ul>
          <ul class="help-nav">
            <li class="title">用户支持</li>
            <li><a href="">联系我们</a></li>
            <li><a href="">邮件反馈</a></li>
            <li><img src="img/qrcode.png" alt="" class="img-fluid footer-qrcode"><span class="text-muted">微信扫码反馈</span>
            </li>
          </ul>
          <div class="help-contact">
            <img src="img/logo-footer.svg" alt="" class="logo-footer img-fluid">
            <p class="phone-1">400-123-4567（客服咨询热线）</p>
            <p class="phone-2">400-123-4567（企业购买热线）</p>
            <div class="addr text-size-small">
              <p>北京市朝阳区 软件大厦 100007 </p>
              <p>珠海银山办公软件有限公司</p>
              <p class="addr-phone-pc">电话：010-12345678（总机）</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="mod-copyright">
      <div class="cp-1">
        <div class="partners">
          <a href="" class="links">合作伙伴</a>
          <a href="" class="links">PXW云办公</a>
          <a href="" class="links">图表秀</a>
          <a href="" class="links">PPT模板</a>
          <a href="" class="links">打字通</a>
          <a href="" class="links">做题室</a>
          <a href="" class="links">更多</a>
        </div>
        <div class="ppt">
          <a href="" class="links">PPT模板</a>
          <a href="" class="links">PPT模板免费下载</a>
          <a href="" class="links">PPT背景</a>
          <a href="" class="links">PPT背景图片</a>
          <a href="" class="links">PPT素材</a>
          <a href="" class="links">格式转换器</a>
        </div>
        <div class="cp-cert">
          <span>Copyright © 2008- 2020</span>
          <a href="./index.html">Silver Office</a>
          <span>All Rights Reserved.</span>
        </div>

      </div>
      <div class="cp-2">
        <div class="language-switcher">
          <div class="language">简体中文(中国大陆)</div>
          <span class="trigger"><svg class="bi bi-caret-down-fill" width="1em" height="1em" viewBox="0 0 16 16"
              fill="currentColor" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 01.753 1.659l-4.796 5.48a1 1 0 01-1.506 0z" />
            </svg></span>
          <div class="language-list">
            <li><a href="">English(Global)</a></li>
            <li><a href="">日本語(日本)</a></li>
            <li><a href="">繁體中文 (中國香港)</a></li>
            <li><a href="">繁體中文 (中國臺灣)</a></li>
          </div>
        </div>
      </div>
    </div>
  </footer>

  <script src="js/require.js" data-main="js/main"></script>

</body>

</html>
